<ion-view view-title="My Account">
  <ion-content style="background: #f7f7f7">

      <div style="width: 100%;border-bottom: 1px #f7f7f7 solid;height:45px;line-height: 45px;color: #b5b5b5;background: #fff;padding: 0 3% 0 3%">
        Account Information
      </div>

      <div class="accountDiv">
        <div class="accountKey">Email Address</div>
        <div style="display: inline-block;vertical-align: middle;float: right">
          <i class="icon ion-ios-arrow-right" style="font-size: 25px;color: #65c178"></i>
        </div>
        <div class="impInfo">you have one</div>
        <div class="divbottomBlankAll"></div>
      </div>

      <div class="accountDiv">
        <div class="accountKey">Change password</div>
        <div style="display: inline-block;vertical-align: middle;float: right">
          <i class="icon ion-ios-arrow-right" style="font-size: 25px;color: #65c178"></i>
        </div>
        <div class="impInfo">you have one</div>
        <div class="divbottomBlankAll"></div>
      </div>



    <div style="width: 100%;border-bottom: 1px #f7f7f7 solid;height:45px;line-height: 45px;color: #b5b5b5;background: #fff;padding: 0 3% 0 3%;margin-top: 30px;">
      Personal Information
    </div>

    <div class="accountDiv">
      <div class="accountKey">First name</div>
      <div style="display: inline-block;vertical-align: middle;float: right">
        <i class="icon ion-ios-arrow-right" style="font-size: 25px;color: #65c178"></i>
      </div>
      <div class="impInfo">you have one</div>
      <div class="divbottomBlankAll"></div>
    </div>

    <div class="accountDiv">
      <div class="accountKey">Last name</div>
      <div style="display: inline-block;vertical-align: middle;float: right">
        <i class="icon ion-ios-arrow-right" style="font-size: 25px;color: #65c178"></i>
      </div>
      <div class="impInfo">you have one</div>
      <div class="divbottomBlankAll"></div>
    </div>

    <div class="accountDiv">
      <div class="accountKey">Phone number</div>
      <div style="display: inline-block;vertical-align: middle;float: right">
        <i class="icon ion-ios-arrow-right" style="font-size: 25px;color: #65c178"></i>
      </div>
      <div class="impInfo">you have one</div>
      <div class="divbottomBlankAll"></div>
    </div>

    <div class="accountDiv">
      <div class="accountKey">Address</div>
      <div style="display: inline-block;vertical-align: middle;float: right">
        <i class="icon ion-ios-arrow-right" style="font-size: 25px;color: #65c178"></i>
      </div>
      <div class="impInfo">you have one</div>
      <div class="divbottomBlankAll"></div>
    </div>
    <style type="text/css">
      .accountDiv{width: 100%;background: #fff;padding: 8px 3% 0px 3%;}
      .divbottomBlankAll{width: 100%;height: 10px;border-bottom: 1px solid #f7f7f7}
      .accountKey{margin-right:4%;vertical-align: middle;display: inline-block}
      .impInfo{color: #65c178;display: inline-block;vertical-align: middle;float: right;text-align: right;margin-right: 6px;}

    </style>
  </ion-content>
</ion-view>
